<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/zhuce.css">
</head>
<body>
    <div class="photo" >
        <!-- <img src="img/banner.a0e6fbf0.jpg" alt=""> -->
    </div>
    <div class="kqq">

    </div>
    <div class="box">
        <div class="header">
            <div class="logo">
                <img src="./img/logo-mi2.png" alt="">
                <div class="wz">
                    <span>小米账号</span>
                </div>
            </div>
            <div class="nav">
                <a href="">用户协议</a>
                <a href="">隐私政策</a>
                <a href="">帮助中心</a>
                <span>|</span>
                <div class="dh">
                    中文(简体)▼
                </div>
            </div>

        </div>
        
        <div class="box-login">
            <div class="login">
                <div class="login-switch">
                    <div class="login-switch-box">
                        <a style="color: rgb(161, 161, 161);" href="../登录/login.html">登录</a>
                        
                    </div>
                    <div class="login-switch-box">
                        <a href="">注册</a>
                        <hr>
                    </div>
                    
                </div>
                <div class="login-text">
                    <div class="zhanghao">
                        <div class="region">
                            <span>国家/地区</span>
                            <p>中国</p>
                        </div>
                        <div class="region-photo">
                            <!-- <span>></span> -->
                        </div>
                    </div>
                    <div class="mima">
                        <div class="mima1">
                            <div class="region">
                                <span>国家码</span>
                                <p>+86</p>
                            </div>
                            <div class="region-photo">
                                <!-- <span>></span> -->
                            </div>
                        </div>
                        <div>
                            <input type="tel" placeholder="手机号">
                        </div>
                    </div>
                    <div class="sms">
                        <div class="sms-wbk">
                            <input type="text" placeholder="短信验证码">
                        </div>
                        <div class="sms-get">
                            <a href="">获取验证码</a>
                        </div>
                    </div>
                    <div class="login-button">
                        <span>注册</span>
                    </div>
                </div>
                <div class="login-wjmm">
                    <div class="wjmm1"><a href="">收不到验证码?</a></div>
                    <!-- <div class="wjmm2"><a href="">手机号登录</a></div> -->
                </div>
                <div class="agreement">
                    <input type="checkbox"><span>已阅读并同意小米账号 <a href="">用户协议</a>和<a href="">隐私政策</a></span>
                </div>
                <div class="login-mode">
                    <div class="mode-box1"><span>其他方式登录</span></div>
                    
                    <div class="mode-box">
                        <div class="mode-photo">
                            <img src="./img/支付宝.png" alt="">
                        </div>
                        <div class="mode-photo">
                            <img src="./img/微信.png" alt="">
                        </div>
                        <div class="mode-photo">
                            <img src="./img/icon_QQ.png" alt="">
                        </div>
                        <div class="mode-photo">
                            <img src="./img/微博.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="end">
            <p>小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号
            </p>
        </div>
        
    </div>
</body>
</html>